/* components/banner/index.wxss */
.swiper-banner {
  height: var(--swiper-height, 500rpx);
  width: 100%;
  .nav, .swiper-img {
    width: 100%;
    height: 100%;
  }
}

// 修改指示点样式 在index.js中配置了styleIsolation: "shared"
.wx-swiper-dots {
  left: auto !important;
  right: 0 !important;
  bottom: var(--dots-bottom, 20rpx) !important;
}
.wx-swiper-dots-active {
  width: 23px !important;
  border-radius: 6px !important;
}
